<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>World Wide Webdesign - Home</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/common.js" type="text/javascript"></script>
<!--below is the code to display the menu properly in ie6-->
<!--[if IE 6]>
<style type="text/css"> 
#logo {
	margin:35px 0 0 12px; /*change the left margin to half for ie6*/
	}
#tab_content li .left {
	margin:20px 0 0 12px;
	
}
</style>
<script type="text/javascript" src="js/hide-select.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="images/logo.png" alt="Logo" width="240" height="68" border="0" /></a></div>
    <div id="header_menu">
      <ul id="navigation">
        <li><a href="index.html" class="current">Home</a></li>
        <li><a href="services.html">Services</a>
          <!--notice you do not close the </li> here -->
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="#">Other Service 1</a></li>
            <li> <a href="#">Other Service 2</a></li>
            <li> <a href="#">Other Service 3</a></li>
            <li> <a href="#">Other Service 4</a></li>
            <li> <a href="#">Other Service 5</a></li>
            <li> <a href="#">Other Service 6</a></li>
          </ul>
          <!-- close the new list-->
        </li>
        <!-- close the services <li>-->
        <li><a href="portfolio.html">Portfolio</a> </li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html">
          <!--this gets rid of last divider-->
          Contact </a></li>
      </ul>
    </div>
    <!--end header menu-->
  </div>
  <!--end header-->
  <div id="home_banner_wrapper">
    <ul id="home_tabs">
      <li><a href="#">Website Design</a></li>
      <li><a href="#">Content Management</a></li>
      <li><a href="#">E-Commerce</a></li>
      <li class="end"><a href="#">Search Engines</a></li>
    </ul>
    <ul id="tab_content">
      <!--tab 1-->
      <li>
        <div class="left">
          <h1>We'll make sure your <br />
            website works for you!</h1>
          <div class="text">
            <p>Your website is a reflection of your business and what you stand for, so it makes sense to have a professional design and well thought out website. </p>
            <p>Websites are a great tool for your business provided they have a purpose, are easy to navigate and provide your customers or potential customers with solutions and good information and advice. </p>
            <p><a href="#"><img src="images/button_visit_portfolio.png" alt="Visit our portfolio" width="188" height="35" border="0" /></a></p>
          </div>
          <!--end text-->
        </div>
        <!--end left box-->
        <div class="right"><a href="#"><img src="images/home_banner1.jpg" alt="1" width="460" height="245" border="0" /></a></div>
      </li>
      <!--END tab 1-->
      <!--tab 2-->
      <li>
        <div class="left">
          <h1>Content Management</h1>
          <div class="text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis dapibus tincidunt. Aliquam non mauris ac urna pretium malesuada. Mauris viverra fringilla lectus, nec congue neque adipiscing ultrices. </p>
            <p>Nulla vel magna in leo mattis congue in eget quam. Proin dignissim nunc vitae nunc euismod sollicitudin. Nullam pretium placerat eleifend. Aliquam erat volutpat. Nunc et massa nisl, lacinia pharetra eros. In sit amet augue a ante tincidunt viverra. </p>
            <p><a href="#"><img src="images/button_read_more.png" alt="Read More" width="188" height="35" border="0" /></a></p>
          </div>
          <!--end text-->
        </div>
        <!--end left box-->
        <div class="right"><a href="#"><img src="images/home_banner2.jpg" alt="2" width="460" height="245" border="0" /></a></div>
      </li>
      <!--END tab 2-->
      <!--tab 3-->
      <li>
        <div class="left">
          <h1>E-Commerce </h1>
          <div class="text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis dapibus tincidunt. Aliquam non mauris ac urna pretium malesuada. Mauris viverra fringilla lectus, nec congue neque adipiscing ultrices. </p>
            <p>Nulla vel magna in leo mattis congue in eget quam. Proin dignissim nunc vitae nunc euismod sollicitudin. Nullam pretium placerat eleifend. Aliquam erat volutpat. Nunc et massa nisl, lacinia pharetra eros. In sit amet augue a ante tincidunt viverra. </p>
            <p><a href="#"><img src="images/button_read_more.png" alt="Read More" width="188" height="35" border="0" /></a></p>
          </div>
          <!--end text-->
        </div>
        <!--end left box-->
        <div class="right"><a href="#"><img src="images/home_banner3.jpg" alt="3" width="460" height="245" border="0" /></a></div>
      </li>
      <!--END tab 3-->
      <!--tab 4-->
      <li>
        <div class="left">
          <h1>Search Engines </h1>
          <div class="text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis dapibus tincidunt. Aliquam non mauris ac urna pretium malesuada. Mauris viverra fringilla lectus, nec congue neque adipiscing ultrices. </p>
            <p>Nulla vel magna in leo mattis congue in eget quam. Proin dignissim nunc vitae nunc euismod sollicitudin. Nullam pretium placerat eleifend. Aliquam erat volutpat. Nunc et massa nisl, lacinia pharetra eros. In sit amet augue a ante tincidunt viverra. </p>
            <p><a href="#"><img src="images/button_read_more.png" alt="Read More" width="188" height="35" border="0" /></a></p>
          </div>
          <!--end text-->
        </div>
        <!--end left box-->
        <div class="right"><a href="#"><img src="images/home_banner4.jpg" alt="4" width="460" height="245" border="0" /></a></div>
      </li>
      <!--END tab 4-->
    </ul>
  </div>
  <!--end home banner wrapper-->
  <div id="home_content_wrapper">
    <div class="large_blue_box">
      <div class="content">
        <h2>OUR SERVICES </h2>
        <div class="left">
          <!--start box 1-->
          <div class="service_box_container">
            <div class="image"><img src="images/icon_newsletter.png" alt="newsletters" width="48" height="48" border="0" /></div>
            <div class="text">
              <h3><a href="#">Newsletters</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 1-->
          <!--start box 2-->
          <div class="service_box_container">
            <div class="image"> <img src="images/icon_stats.png" alt="stats" width="48" height="48" border="0" /> </div>
            <div class="text">
              <h3><a href="#">Website Stats</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 2-->
          <!--start box 3-->
          <div class="service_box_container">
            <div class="image"> <img src="images/icon_quality.png" alt="quality" width="48" height="48" border="0" /> </div>
            <div class="text">
              <h3><a href="#">Quality Guarantee</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 3-->
        </div>
        <!--end left column-->
        <div class="right">
          <!--start box 1-->
          <div class="service_box_container">
            <div class="image"> <img src="images/icon_cart.png" alt="cart" width="48" height="48" border="0" /> </div>
            <div class="text">
              <h3><a href="#">Shopping Carts</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 1-->
          <!--start box 2-->
          <div class="service_box_container">
            <div class="image"> <img src="images/icon_domain.png" alt="domains" width="48" height="48" border="0" /> </div>
            <div class="text">
              <h3><a href="#">Domain Names</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 2-->
          <!--start box 3-->
          <div class="service_box_container">
            <div class="image"><img src="images/icon_editor.png" alt="editor" width="48" height="48" border="0" /></div>
            <div class="text">
              <h3><a href="#">Website Editor</a></h3>
              <p>Collect Emails, Custom template, Select recipients, Detailed stats, Import Database. </p>
            </div>
            <div class="clear"></div>
          </div>
          <!--end box 3-->
        </div>
        <!--end right-->
      </div>
      <!--end content-->
      <div class="clear"></div>
      <div class="bottom"><img src="images/home_main_box_bottom.gif" width="640" height="6"  alt="bottom"/></div>
      <!--end bottom-->
    </div>
    <!--end large blue box-->
    <div id="home_right_buttons">
      <!--Start side Box-->
      <div class="side_button" style=" background-image:url(images/box1.gif)">
        <div class="image"><img src="images/icon_tag.png" alt="prices" width="48" height="48" border="0" /></div>
        <div class="text">
          <p class="title"><a href="#">Our Prices </a></p>
          <p>Nunc auctor bibendum eros. Dnahs Nunc auctor bibendum eros. </p>
        </div>
        <div class="clear"></div>
      </div>
      <!--End side Box-->
      <!--Start side Box-->
      <div class="side_button" style=" background-image:url(images/box2.gif)">
        <div class="image"><img src="images/icon_chat.png" alt="testimonial" width="48" height="48" border="0" /></div>
        <div class="text">
          <p class="title"><a href="#">Testimonials</a></p>
          <p>Nunc auctor bibendum eros. Dnahs Nunc auctor bibendum eros. </p>
        </div>
        <div class="clear"></div>
      </div>
      <!--End side Box-->
      <!--Start side Box-->
      <div class="side_button" style=" background-image:url(images/box3.gif)">
        <div class="image"><img src="images/icon_contact.png" alt="contact" width="48" height="48" border="0" /></div>
        <div class="text">
          <p class="title"><a href="#">Contact Us</a></p>
          <p>Nunc auctor bibendum eros. Dnahs Nunc auctor bibendum eros. </p>
        </div>
        <div class="clear"></div>
      </div>
      <!--End side Box-->
    </div>
  </div>
  <!--end home content wrapper-->
  <div id="footer">
    <div class="left">&copy; World Wide Webdesign</div>
    <div class="right">  <ul>
        <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker">Designed by dtbaker</a> </li>
        <li>| <a href="sitemap.php">Site map</a> </li>
        <li>| <a href="contact.html">Contact Us</a></li>
      </ul></div>
  </div>
</div>
</body>
</html>
